<template>
  <div class="web-container personal">
    <div class="container-flex">
      <div class="left">
        <personalleft></personalleft>
      </div>
      <div class="right">
         <router-view />
      </div>
    </div>
  </div>
</template>

<script>
import personalleft from "@/components/myPersonalLeft";
export default {
  data() {
    return {};
  },
  components: {
    personalleft,
  }
};
</script>
<style lang="less" scoped>
.personal {
  margin-top: 20px;
  .left {
    width: 270px;
  }
  .right {
    width: 858px;
    margin-left: 40px;
    padding: 16px;
    background: #fff;
    border-radius: 10px;
    min-height: 700px;
    height: 100%;
  }
}
</style>


